<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,user-scalable=no" />
		<link rel="stylesheet" href="//at.alicdn.com/t/font_603026_2npj5yaujta10pb9.css" />
		<link rel="stylesheet" href="css/find.css" />
	</head>
	<body>
		<div class="findMobile">
			<!--头部-->
			<header>
				<div class="logo fl"><img src="img/logo.png"/></div>
				<div class="slCity fr">
					<select name="city">
						<option style="width: 70px;" value="广州">广州</option>
						<option value="深圳">深圳</option>
					</select>
				</div>
				<div class="search">
					发现
				</div>
			</header>
			<!--主体内容-->
			<section>
				<!--banner-->
				<div class="search">
					<input type="search" placeholder="请输入商品名称" class="searchInp" />
					<i class="iconfont icon-fangdajing"></i>
				</div>
				<!--大家都在搜索-->
				<p class="usSearch">大家都在搜</p>
				<ul class="searchContent">
					<li><a href="#">寿司</a></li>
					<li><a href="#">寿司</a></li>
					<li><a href="#">寿司</a></li>
					<li><a href="#">寿司</a></li>
					<li><a href="#">寿司</a></li>
					<li><a href="#">寿司</a></li>
					<li><a href="#">寿司</a></li>
					<li><a href="#">寿司</a></li>
				</ul>
				<!--热门搜索-->
				<div class="hotSearch">
					<div class="clearfix allTitle">
						<h3 class="title fl"><img src="img/groupP.png"/><span >优惠团购</span></h3>
						
						<h3>
							<p class="more fr">
								<span>热门搜索</span>
								<img src="img/more.png"/>
							</p>
						</h3>
					</div>
					<div class="goodsImg">
						<div class="goodsLeft">
							<a href="#"><img src="img/find/1.png"/></a>
						</div>
						<div class="goodsRight">
							<div class="imgTop">
							<a href=""><img src="img/find/2.png"/></a>
							</div>
							<div class="imgBom">
								<div class="left">
									<a href="#"><img src="img/find/3.png"/></a>
								</div>
								<div class="right">
									<a href="#"><img src="img/find/4.png"/></a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--推荐搜索-->
				<div class="recommendSearch">
					<div class="clearfix allTitle">
						<h3 class="title fl"><img src="img/groupP.png"/><span >优惠团购</span></h3>
						
						<h3>
							<p class="more fr">
								<span>推荐搜索</span>
								<img src="img/more.png"/>
							</p>
						</h3>
					</div>
					<ul class="goodsImg">
						<li><a href="#"><img src="img/find/5.png"/></a></li>
						<li><a href="#"><img src="img/find/6.png"/></a></li>
						<li><a href="#"><img src="img/find/7.png"/></a></li>
					</ul>
				</div>
			</section>
			<!--底部导航-->
			<footer>
				<ul class="nav">
					<li>
						<a href="index.html"><i class="iconfont icon-homepageselected"></i></a>
						<a href="index.html">首页</a>
					<>
					<li>
						<a href="fenlei.html"><i class="iconfont icon-icon--"></i></a>
						<a href="fenlei.html">分类</a>
					<>
					<li>
						<a href="find.html"><i class="iconfont icon-faxian"></i></a>
						<a href="index.html">发现</a>
					<>
					<li>
						<a href="my.html"><i class="iconfont icon-wode"></i></a>
						<a href="my.html">我的</a>
					<>
				</ul>
			</footer>
		</div>
		<script src="jsconsole.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			document.body.style.height = document.body.clientHeight+"px";
		</script>

	</body>
</html>
